<template>
  <div class="analysis-container">
    <div class="analysis-content">
      <ProcessingStatus v-if="route.name === 'analysis'" />
      <router-view v-else></router-view>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, computed } from 'vue'
import { useRoute } from 'vue-router'
import ProcessingStatus from '@/components/analysis/ProcessingStatus.vue'

const route = useRoute()
</script>

<style scoped>
.analysis-container {
  height: 100%;
  width: 100%;
  background-color: #f5f7fa;
}

.analysis-content {
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}
</style> 